// 思路：
// 1.给网页绑定滚动条滚动事件 jq语法
// 2.事件处理函数中：
//  2.1 获取可视区域总高度 = 网页可视窗口高度 + 滚动条滚动高度
//  2.2 遍历 this.each((index,item)=>{});item就是一个个js图片标签对象
//  2.3 获取图片的offsetTop $(item).方法名
//  2.4 判断 2.3 <= 2.3
//  成立-将src改为data-img地址
//  不成立-不管

// 使用匿名函数自调用
(function () {
        $.fn.extend({
                lazyload() {
                    
                        let h1 = window.innerHeight || window.document.documentElement.clientHeight
                        let h2 = window.document.documentElement.scrollTop || document.body.scrollTop

                        let rs = h1 + h2

                        this.each((index, item) => {
                            let imgTop = $(item).offset().top
                            // console.log(imgTop);
                            if (imgTop <= rs) {
                                // $(item).src = $(item).attr('data')
                                $(item).prop('src',$(item).attr('data'))
                            }
                        })


                   
                }

            })
        
})()